const { ccclass, property, menu } = cc._decorator;

@ccclass
@menu('HelloShader/HelloShader')
export default class HelloShader extends cc.Component {

    /** 图片 */
    @property({ type: cc.Sprite, tooltip: '图片' })
    image: cc.Sprite = null;

    /** v2 - sprite */
    @property({ type: cc.Sprite, tooltip: 'v2 - sprite' })
    v2Sprite: cc.Sprite = null;

    /** v2 - slider */
    @property({ type: cc.Slider, tooltip: 'v2 - slider' })
    v2Slider: cc.Slider = null;

    /** v2 - label */
    @property({ type: cc.Label, tooltip: 'v2 - label' })
    v2Value: cc.Label = null;

    start() {
        // let frame = this.image.spriteFrame;
        // // xMin
        // let l = frame.uv[0];
        // // xMax
        // let r = frame.uv[6];
        // cc.log('l', l);
        // // yMax
        // let b = frame.uv[3];
        // // yMin
        // let t = frame.uv[5];

        // cc.log('l', l, 'r', r, 'b', b, 't', t);
        // // 纹理在合图中的四个边界 uv 坐标
        // let u_uvOffset = new cc.Vec4(l, t, r, b);
        // // 纹理是否旋转
        // let u_uvRotated = frame.isRotated() ? 1.0 : 0.0;
        // // 设置材质的属性
        // // this.material.setProperty("u_uvOffset", u_uvOffset);
        // // this.material.setProperty("u_uvRotated", u_uvRotated);
    }

    onV2Slider(slider: cc.Slider, customEventData: string) {
        // console.log('slider', slider.progress);
        // this.v2Value.string = String((slider.progress / 2).toFixed(2));

        // this.v2Sprite.getMaterial(0).setProperty('edge', slider.progress / 2);
    }
}